<template>
	<view class="">
		
		
		<view class="" style="padding: 0 10rpx;">
			<u-parse :html="item" domain="https://jiyou.qianjiwl.xyz"></u-parse>
		</view>
		
		<view class="phone-box">
			<view class="phone-image" @tap="phoneInfo">
				<image src="../../static/ph.png" mode=""></image>
				{{this.orderInfo.tel}}
			</view>
			<view class="phone-yu" @tap="goHome">
				预约
			</view>
		</view>
	
		<!-- <view class="flex align-center justify-center padding text-lg">
			服务商电话{{this.orderInfo.tel}}
		</view> -->
			<!-- <button class="cu-btn flex align-center justify-center  bg-orange text-white fff">服务商电话{{this.orderInfo.tel}}</button> -->
		<!-- <view class="flex justify-center align-center padding text-lg">
			<button class="cu-btn flex align-center justify-center bg-orange text-white ff" @tap="goHome">确定选择</button>
		</view> -->
		<!-- <view class="flex justify-center align-center padding text-lg">
			<button class="cu-btn flex align-center justify-center bg-orange text-white ff" >预约</button>
		</view> -->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item: '',
				show: true,
				content: '确定拨打电话?',
				orderInfo: {},
			};
		},
		onShow() {

		},
		onLoad(e) {
			this.orderInfo = uni.getStorageSync('center')
			this.item = this.orderInfo.content
			console.log('eeeeeeeeeeeeeee', )
		},
		methods: {
			goHome() {
				uni.navigateTo({
					url: '/pages/order/list?id=' + this.orderInfo.id,
				});
			},
			phoneInfo() {
				uni.makePhoneCall({
				    phoneNumber: this.orderInfo.tel //仅为示例
				});
			}
		}
	};
</script>

<style lang="scss" scoped>
	
		.ff{
			position: fixed;
			bottom: 100rpx;
			left: 50%;
			transform: translate(-50%);
		}
		.fff{
			position: fixed;
			bottom: 200rpx;
			left: 50%;
			transform: translate(-50%);
		}

		
		.phone-box {
			width: 100%;
			height: 70rpx;
			position: fixed;
			display: flex;
			bottom: 20rpx;
			align-items: center;
			padding: 0 22rpx;
			justify-content: space-between;
			
			.phone-image {
				width: 388rpx;
				height: 70rpx;
				display: flex;
				color: #FFFFFF;
				align-items: center;
				border-radius: 35rpx;
				font-size: 30rpx;
				background-color: #FFBB39;
				
				image {
					width: 34rpx;
					height: 34rpx;
					margin-left: 48rpx;
					margin-right: 28rpx;
				}
			}
			
			.phone-yu {
				width: 300rpx;
				height: 70rpx;
				color: #FFFFFF;
				line-height: 70rpx;
				border-radius: 35rpx;
				text-align: center;
				background-color: #FFBB39;
			}
		}
		
	
</style>
